<template>
    <div>
        <CommonHead></CommonHead>
        <img @click="goback" src="@/assets/images/gobackbtn.png" class="gobackbtn"/>
        <div class="agreements_box">
            <h3>成为志愿者</h3>
            <div class="agreements_inner">
                <div class="agreements_item">
                    <p class="fw-b">一、站台志愿者</p>
                    <p class="fw-b">招募说明：</p>
                    <p class="list_p">（一）本次公益活动面向北京、上海、福州、南京、常州、苏州、无锡、南昌八个出发地招募热爱公益、自愿奉献爱心的志愿者。
                    </p>
                    <p class="list_p">（二）参加报名的意向志愿者，应经过组委会[志愿者的选拔录用程序]而录用。
                    </p>
                    <p class="list_p">（三）组委会成功录用的志愿者应服从组委会的统一指挥和领导，本着服务农民工、奉献公益爱心的态度积极投入志愿服务工作中。
                    </p>
                </div>
                <div class="agreements_item">
                    <p class="fw-b">招募对象及要求：</p>
                    <p class="list_p">（一）对象：男女不限，身体健康，热爱公益事业</p>
                    <p class="list_p">（二）要求：在进出站，以及上车过程中，协助接待、指引、发放礼品等运营保障工作。
                    </p>
                </div>
                <div class="agreements_item">
                    <p class="fw-b">二、随车志愿者
                    </p>
                    <p>招募说明：</p>
                    <p class="list_p">（一）本次公益活动面向北京、上海、福州、南京、常州、苏州、无锡、南昌八个出发地招募热爱公益、自愿奉献爱心的志愿者，到达地均为成都。

                    </p>
                    <p class="list_p">（二）此项目为公益项目。每一个报名成功录用的志愿者，组委会仅提供从志愿者报名所在地开往成都的专列单程车票1张。请仔细阅读相关信息，谨慎报名。

                    </p>
                    <p class="list_p">（三）参加报名的意向志愿者，应经过组委会[志愿者的选拔录用程序]而录用。

                    </p>
                    <p class="list_p">（四）组委会成功录用的志愿者应服从组委会的统一指挥和领导，本着服务农民工、奉献公益爱心的态度积极投入志愿服务工作中。


                    </p>
                </div>
                <div class="agreements_item">
                    <p class="fw-b">专列信息：</p>
                    <p>北京线路：北京西-成都东 <br>
                        发车时间：2020年1月8日或9日（参与报名前请确定做好这两个日期中的任何一天出发的准备，最终时间以抽取后通知的车票时间为准）<br>
                        出发站点：北京西<br>
                        到达站点：广元/青川/江油/绵阳/德阳/成都东<br>

                    </p>
                </div>
                <div class="agreements_item">
                    <p>上海线路：上海虹桥-成都东<br>
                        发车时间：2020年1月8日<br>
                        出发站点：上海虹桥/苏州北/无锡东/常州北/南京南<br>
                        到达站点：广元/江油北/绵阳/德阳/成都东 <br>
                    </p>
                </div>
                <div class="agreements_item">
                    <p>福州线路：福州-成都东<br>
                        发车时间：2020年1月8日<br>
                        出发站点：福州/南昌西<br>
                        到达站点：成都东<br>
                    </p>
                </div>

                <div class="agreements_item">
                    <p class="fw-b">招募对象及要求：
                    </p>
                    <p>(一)招募对象：</p>
                    <p class="list_p">医生、军人、川籍大学生、有表演才艺的社会人士。</p>
                    <p>(二)职责要求：</p>
                    <p class="list_p">1、医生志愿者：进站、出站及列车旅途中的协助医疗保障工作。
                    </p>
                    <p class="list_p">2、军人志愿者：进站、出站及列车旅途中的协助维护秩序及安全保障工作。
                    </p>
                    <p class="list_p">3、川籍大学生志愿者：列车旅途中的协助接待、指引、发放礼品等运营保障工作。
                    </p>
                    <p class="list_p">4、有表演才艺的社会人士志愿者：送站仪式、接站仪式及列车旅途中的节目表演工作。
                    </p>
                </div>
                <div class="agreements_item">
                    <p class="fw-b">志愿者的选拔录用程序：</p>
                    <p>(一)资格审核</p>
                    <p class="list_p">组委会对报名志愿者申请人的资格条件进行审核。</p>
                    <p>(二)评选面试</p>
                    <p class="list_p">组委会将视情况采取电话面试、远程视频面试等方式，面向志愿者申请人进行择优选拔。</p>
                    <p>(三)录用</p>
                    <p class="list_p">组委会向被确认为志愿者的人员发出录用通知书。</p>
                    <p>(四)培训</p>
                    <p class="list_p">组委会根据岗位情况，必要时，组委会有权要求被录用的志愿者到指定的市内地点进行志愿服务培训。</p>
                    <p>(五)上岗服务</p>
                    <p class="list_p">活动当日凭组委会发放的录用通知书及个人乘车信息，到岗服务。</p>
                </div>
                <div class="agreements_item bots">
                    <p><b>志愿者报名截止日期：</b>2019年12月28日</p>
                </div>
                <div class="agreements_item bots">
                    <p><b>志愿者录用工作截止日期：</b>2019年12月31日</p>
                </div>
                <div class="agreements_item bots">
                    <p><b>志愿者名单公布日期：</b>2020年1月1日</p>
                </div>
                <div class="agreements_item bots sets" style="text-align:center;">
                    <p><b>志愿者名额有限，报名从速</b></p>
                </div>
                <p class="agreements_tips" style="text-align:center;">本活动解释权归组委会所有</p>
            </div>
            <div class="agreements_btn">
                <a href="javascript:void(0);" @click="goVolunter" class="btn_assit">报 名</a>
                <div class="agreement_check_box">
                    <label for="agreement_check">
                        <input type="checkbox" v-model="hasRead">
                        我已阅读并知悉以上信息
                    </label>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
  import CommonHead from "@/components/CommonHead";

  export default {
    data() {
      return {
        hasRead: false
      }
    },
    methods: {
      goVolunter() {
        if (!this.hasRead) {
          this.$Message.error('请勾选协议');
          return;
        }
        this.$router.replace({
          path: '/volunteerForm'
        })
      },
      goback() {
        this.$router.replace({
          name: 'about',
          query: {
            back: 1
          }
        })
      }
    },
    components: {
      CommonHead
    }
  };
</script>
<style scoped>
    .gobackbtn {
        width: 2.12rem;
        height: 0.63rem;
        position: fixed;
        top: 0.3rem;
        left: 0.3rem;
        z-index: 300;
        animation: blink 1s linear infinite;
    }

    @keyframes blink {
        0% {
            transform: scale(1);
        }
        100% {
            transform: scale(1.1);
        }
    }

    .fw-b {
        font-weight: bold;
    }

    .agreements_box {
        padding: 0 0.56rem;
    }

    .btn_assit.disabled {
        pointer-events: none;
    }

    .agreements_box > h3 {
        font-size: 0.62rem;
        text-align: center;
        color: #ff1022;
        padding: 0.34rem 0 0.25rem 0;
    }

    .agreements_item {
        margin-bottom: .4rem;
    }

    .agreements_item.bots {
        margin-bottom: 0;
    }

    .agreements_item.bots.sets {
        margin-top: .4rem;
    }

    .agreements_inner {
        width: 100%;
        border-top: 0.16rem;
        background-color: #fef7f2;
        padding: 0.15rem;
        line-height: 0.4rem;
        font-size: 0.24rem;
        color: #000;
        padding-bottom: .6rem;
    }

    .agreements_inner .list_p {
        text-indent: 2em;
    }

    .agreements_tips {
        font-size: .20rem;
        text-align: left;
        color: rgba(0, 0, 0, .5);
    }

    .agreement_check_box {
        font-size: .20rem;
        color: rgba(0, 0, 0, .5);
        line-height: .16rem;
        text-align: center;
        padding: .2rem 0 .67rem;
    }

    .agreement_check_box input {
        vertical-align: bottom;
    }

    .b {
        font-weight: bold;
    }
</style>
